<?xml version="1.0" encoding="utf-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" component="$UI/system/components/justep/window/window" xid="window" design="device:mobile">  
  <div component="$UI/system/components/justep/model/model" xid="model" onLoad="modelLoad" style="height:auto;left:249px;top:58px;"> 
    <div component="$UI/system/components/justep/data/data" autoLoad="true"
      xid="data" idColumn="id"> 
      <column label="ID" name="id" type="String" xid="default1"></column>
  <column label="投诉意见" name="content" type="String" xid="default2"></column>
  <column label="答复状态" name="state" type="String" xid="xid2"></column>
  <column label="投诉时间" name="time" type="Date" xid="xid3"></column>
  <data xid="default3">[{&quot;id&quot;:&quot;1&quot;,&quot;content&quot;:&quot;超人投诉&quot;,&quot;state&quot;:&quot;未答复&quot;,&quot;time&quot;:&quot;2015-10-12&quot;}]</data></div> 
  </div>  
  <span component="$UI/system/components/justep/windowReceiver/windowReceiver"
    xid="windowReceiver" style="left:94px;top:30px;"/>  
  <span component="$UI/system/components/justep/windowDialog/windowDialog" xid="windowDialog1" style="left:24px;top:25px;"></span><div component="$UI/system/components/justep/panel/panel" class="x-panel x-full"> 
    <div class="x-panel-top"> 
      <div component="$UI/system/components/justep/titleBar/titleBar" class="x-titlebar"> 
        <div class="x-titlebar-left x-titlebar-title"> 
          <a component="$UI/system/components/justep/button/button" label=""
            class="btn btn-link btn-only-icon" icon="icon-chevron-left"
            xid="backBtn" style="width:111px;text-align:left" onClick="backBtnClick"> 
            <i class="icon-chevron-left"/> 投诉
          </a>  
          <div class="x-titlebar-right">
	  			<a component="$UI/system/components/justep/button/button" class="btn btn-default btn-only-icon" label="button" xid="button3" icon="icon-android-add" style="background:none;border:none;float:right;margin-right:10px;" onClick="button3Click">
	   				<i xid="i3" class="icon-android-add"></i>
	  			</a>
  			</div> 
        </div> 
      </div> 
    </div>  
    <div class="x-panel-content"> 
      <div component="$UI/system/components/justep/list/list" class="x-list"
        data="data" xid="list1"> 
        <!-- 使用Bootstrap样式定义表格 -->  
        <div component="$UI/system/components/justep/row/row" class="x-row"
          xid="row1"> 
          <div class="col-xs-5" xid="col1" bind-text="data.label('content')"
            style="font-weight:bold;"/>  
          <div class="col-xs-4" xid="col2" bind-text="data.label('time')" style="font-weight:bold;"/>  
          <div class="col-xs-3" xid="col3" bind-text="data.label('state')"
            style="font-weight:bold;"/> 
        </div>  
        <div class="x-list-template"> 
          <div component="$UI/system/components/justep/row/row" class="x-row"
            xid="row1" style="padding:0 0 0 0;"> 
            <div class="col-xs-5"> 
              <input component="$UI/system/components/justep/input/input" class="form-control"
                bind-ref="ref('content')" style="border:none;padding:0 0 0 0;"/> 
            </div>  
            <div class="col-xs-4"> 
              <input component="$UI/system/components/justep/input/input" class="form-control"
                bind-ref="ref('time')" style="border:none;padding:0 0 0 0;"/> 
            </div>  
            <div class="col-xs-3"> 
              <input component="$UI/system/components/justep/input/input" class="form-control"
                bind-ref="ref('state')" style="border:none;padding:0 0 0 0;"/> 
            </div> 
          </div> 
        </div> 
        
      </div> 
    </div> 
  </div> 
</div>
